<template>
<div>
    <div class="zhanwei-top"></div>
    <div class="container">
        <div class="Xz">
            <img src="@/assets/image/jubaoxuzhi.png" alt />
        </div>
        <div class="Zw ql-container ql-snow">
            <!--
        <h3>一、纪检监察机关举报网站受理范围：</h3>
        <p>1. 对党组织、党员违反政治纪律、组织纪律、廉洁纪律、群众纪律、工作纪律、生活纪律等党的纪律行为的检举控告。</p>
        <p>2. 对监察对象（监察法规定的六类公职人员，下同）不依法履职，违反秉公用权、廉洁从政从业以及道德操守等规定，涉嫌贪污贿赂、滥用职权、玩忽职守、权力寻租、利益输送、徇私舞弊以及浪费国家资财等职务违法犯罪行为的检举控告。</p>
        <p>3. 党员对党纪处分或者纪律检查机关所作的其他处理不服，提出的申诉。</p>
        <p>4. 监察对象对监察机关涉及本人的处理决定不服，提出的申诉；被调查人及其近亲属对监察机关及其工作人员违反法律法规、侵害被调查人合法权益的行为，提出的申诉。</p>
        <p>5. 对原行政监察机关作出的政纪处分和其他处理决定不服未超过申请期限，提出的申诉。</p>
        <p>6. 对党风廉政建设和反腐败工作的批评建议。</p>
        <h3>二、根据《纪检监察机关处理检举控告工作规则》、《中国共产党纪律检查机关控告申诉工作条例》、《中华人民共和国监察法》有关规定，检举、控告、申诉人在检举、控告、申诉活动中必须对所检举、控告、申诉的事实的真实性负责。接受调查、询问时，应如实提供情况和证据。如有诬陷、制造假证行为，必须承担纪律和法律责任。 查看详情</h3>
        <h3>三、根据“分级负责”原则，请您按照被举报人属地和级别，选择相应的举报网站进行举报。</h3>
        <h3>四、纪检监察机关提倡实名举报（请填写真实姓名、身份证号和准确联系方式等内容）。</h3>
        <h3>五、请您参照举报材料参考样式反映问题。</h3>
        <h3>六、反映反腐败国际追逃追赃问题，请点击此处。</h3>
        -->
            <p class="ql-editor" v-html=" tableData.data">
            </p>
        </div>
        <!-- 复选框 -->
        <div class="Radio">
            <el-checkbox v-model="checked" @change="handle">我已经阅读以上条款</el-checkbox>
        </div>
        <!-- 底部举报 -->
        <div class="footer">
            <span :class="[isActive?'disActive':'active']" @click="goAnonymous">匿名举报</span>
            <span :class="[isActive?'disActive':'active']" @click="goSigndeReport">署名举报</span>
        </div>
    </div>
</div>
</template>

<script>
export default {
    data() {
        return {
            checked: false,
            isActive: false,
            tableData: {},
        };
    },
    created() {
        this.get();
    },
    methods: {
        //匿名举报须知接口
        get() {
            this.Api.getReportKnow().then((res) => {
                // console.log(res,12)
                if (res.code === "0") {
                    this.tableData = {
                        code: res.message,
                        data: res.data,
                    };
                    // console.log(this.tableData, 11);
                }
            });
        },
        handle() {
            this.isActive = !this.isActive;
            return;
        },
        goAnonymous() {
            if (this.checked == true) {
                this.$router.push("/ReportOnInternet/Anonymous");
            }
        },
        goSigndeReport() {
            if (this.checked == true) {
                this.$router.push("/ReportOnInternet/SigndeReport");
            }
        },
    },
};
</script>

<style lang="less" scoped>
.Xz {
    width: 210px;
    height: 49px;
    padding-top: 66px;
}

.container {
    padding: 0 40px;
    box-sizing: border-box;
}

.Zw {
    margin-top: 53px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

h3,
p {
    margin: 15px 0;
    font-size: 16px;
    color: #333333;
}

/deep/.el-checkbox__inner {
    border-radius: 50%;
}

.Radio {
    margin-top: 37px;
}

.footer {
    width: 100%;
    height: 52px;
    display: flex;
    padding-left: 351px;
    box-sizing: border-box;
    margin-top: 40px;
}

.footer span {
    display: block;
    width: 234px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background-color: #999999;
    box-shadow: 0px 4px 12px 0px rgba(153, 153, 153, 0.6);
    border-radius: 5px;
    margin-right: 30px;
    color: #fff;
    cursor: pointer;
}

.disActive {
    background: #147bfd !important;
}

.Active {
    background: #999999 !important;
}

.zhanwei-top {
    width: 100%;
    height: 30px;
    background-color: #f2f2f2;
}

.ql-container {
    border: 0 !important;
}
</style>
